<template>
  <view class="orders">
    <!-- 头部 -->

    <!-- 快递发货 -->
    <view class="box">
      <view class="box1">
        <bezel></bezel>
      </view>
      <!-- 宠物信息 -->
      <view class="box2">
        <view class="box21">
          <view class="bxo1left">
            <image src="/static/image/篮球鞋.jpg" mode="" />
          </view>
          <view class="bxo1right">
            <view class="bxo1right1">
              薄荷绿郭艾伦实战篮球鞋 黑白
              <view style="color: #ababab;">×1</view>
            </view>
            <view class="bxo1right2">
              规格一
            </view>
            <view>
              ￥45
            </view>
          </view>
        </view>
        <view class="box22">
          <view class="">运费</view>
          <view style="color: red;">￥1.00</view>
        </view>
        <view class="box22">
          <view class="">实付金额</view>
          <view style="color: red;">￥120.00</view>
        </view>
      </view>

      <!--  备注信息-->
      <view class="box4">
        <view style="font-weight: bold;">订单信息</view>
        <view class="box41">
          <view class="">订单编号</view>
          <view style="color: #a1a1a1;">154556565656</view>
        </view>
        <view class="box41">
          <view class="">下单时间</view>
          <view style="color: #a1a1a1;"> 2022-02-19 10:05:00</view>
        </view>

      </view>

      <!--  支付方式-->
      <view class="box5">
        <view class="box51">
          <view class="box51-right">
            <button class="but" @click="jump">继续付款</button>
          </view>
        </view>
      </view>

    </view>
  </view>
</template>

<script>
  import bezel1 from "@/components/bezel1/bezel1.vue"
  import bezel from "@/components/bezel/bezel.vue"

  export default {

    components: {
      bezel1
    },
    data() {
      return {


      }
    },
    methods: {

      click(item) {
        this.current = item.index
        console.log('item', item);
      },
      click1(item) {
        this.current1 = item.index
        console.log('item', item);
      },
      jump() {
        uni.switchTab({
          url:"/pages/order/order"
        })
      }
    }
  }
</script>

<style lang="scss">
  @import url("obligations.scss");
</style>